// 等待DOM加载完成
document.addEventListener('DOMContentLoaded', function() {
    // 获取所有导航链接
    const navLinks = document.querySelectorAll('.nav-link');
    const navItems = document.querySelectorAll('.nav-item');
    const subMenus = document.querySelectorAll('.sub-menu');

    // 初始化：隐藏所有二级菜单
    function hideAllSubMenus() {
        subMenus.forEach(menu => {
            menu.classList.remove('show');
        });
        navItems.forEach(item => {
            item.classList.remove('active');
        });
    }

    // 显示指定的二级菜单
    function showSubMenu(menuId, navItem) {
        const targetMenu = document.getElementById(menuId + '-submenu');
        if (targetMenu) {
            targetMenu.classList.add('show');
            navItem.classList.add('active');
        }
    }

    // 为每个导航链接添加点击事件
    navLinks.forEach(link => {
        link.addEventListener('click', function(e) {
            e.preventDefault(); // 阻止默认链接行为
            
            const menuId = this.getAttribute('data-menu');
            const parentItem = this.closest('.nav-item');
            const targetSubmenu = document.getElementById(menuId + '-submenu');
            
            // 如果当前菜单已经是激活状态，则隐藏它
            if (parentItem.classList.contains('active')) {
                hideAllSubMenus();
            } else {
                // 否则隐藏所有菜单，然后显示当前菜单
                hideAllSubMenus();
                showSubMenu(menuId, parentItem);
            }
        });
    });

    // 点击页面其他地方时隐藏所有二级菜单
    document.addEventListener('click', function(e) {
        // 检查点击的元素是否在导航菜单内
        if (!e.target.closest('.navigation')) {
            hideAllSubMenus();
        }
    });

    // 防止在二级菜单内点击时关闭菜单
    subMenus.forEach(menu => {
        menu.addEventListener('click', function(e) {
            e.stopPropagation();
        });
    });

    // 添加键盘支持
    navLinks.forEach(link => {
        link.addEventListener('keydown', function(e) {
            if (e.key === 'Enter' || e.key === ' ') {
                e.preventDefault();
                this.click();
            }
        });
    });

    // 响应式菜单处理
    function handleResize() {
        const isMobile = window.innerWidth <= 768;
        
        if (isMobile) {
            // 移动端处理
            subMenus.forEach(menu => {
                menu.style.position = 'static';
            });
        } else {
            // 桌面端处理
            subMenus.forEach(menu => {
                menu.style.position = 'absolute';
            });
        }
    }

    // 监听窗口大小变化
    window.addEventListener('resize', handleResize);
    
    // 初始化响应式处理
    handleResize();

    // 添加平滑滚动效果（如果需要锚点链接）
    function smoothScroll(target) {
        const element = document.querySelector(target);
        if (element) {
            element.scrollIntoView({
                behavior: 'smooth',
                block: 'start'
            });
        }
    }

    // 页面加载动画
    function initPageAnimation() {
        const animatedElements = document.querySelectorAll('.welcome-section, .feature-item');
        
        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.style.opacity = '1';
                    entry.target.style.transform = 'translateY(0)';
                }
            });
        }, {
            threshold: 0.1
        });

        animatedElements.forEach(element => {
            observer.observe(element);
        });
    }

    // 初始化页面动画
    initPageAnimation();

    // 调试信息（开发环境可以启用）
    const DEBUG = false;
    
    if (DEBUG) {
        console.log('导航菜单初始化完成');
        console.log('找到的导航链接数量:', navLinks.length);
        console.log('找到的二级菜单数量:', subMenus.length);
    }
}); 